<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>华为商城VMALL</title>
    <link type="image/x-icon" rel="shortcut icon" href="https://id1.cloud.huawei.com/CAS/static_rss/rss_12/IDMW/common/logos/icons/huawei.ico">
    <link rel="stylesheet" href="./bootstrap-5.3.0-alpha1-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/xiang.css">
  </head>
<body>
  <div class="box">
    <div class="cont nav">
      <ul class="navleft">
        <li><a href="index.html">首页</a></li>
        <li><a href="#">我的订单</a></li>
        <li><a href="cart.html">购物车(0)</a></li>
      </ul>
      <div class="navright1">
        <div class="login">登录</div>
        <div class="register">注册</div>
      </div>
      <div class="navright2">
        <a href="#">111111</a>
        <div class="exit">退出</div>
      </div>
    </div>
  </div>
  <div class="nav2">
    <div class="cont c1">
      <img src="https://res.vmallres.com/portal/1.23.8.300/h5/images/logo_app.png" alt="">
      <ul>
        <li><a href="#" class="all">全部商品分类</a>
          <div class="list">
            <ul>
              <li id="手机"><a href="#">手机</a><span><img src="./imags/right.png"></span>
                <div class="li2">
                <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/F92F6E060F1EE0F20186FDA8F3462186.png"><i>Mate 系列</i></div>
                <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/F92F6E060F1EE0F20186FDA8F3462186.png"><i>Mate 系列</i></div>
                <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/F92F6E060F1EE0F20186FDA8F3462186.png"><i>Mate 系列</i></div>
                <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/F92F6E060F1EE0F20186FDA8F3462186.png"><i>Mate 系列</i></div>
                <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/F92F6E060F1EE0F20186FDA8F3462186.png"><i>Mate 系列</i></div>
                </div>
              </li>
              <li id="穿戴"><a href="#">穿戴</a><span><img src="./imags/right.png"></span>
                <div class="li2">
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/5CB3D5975D40E5D247E549C32DC74E05.png"><i>ULTIMATE DESIGN 系列</i></div>
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/5CB3D5975D40E5D247E549C32DC74E05.png"><i>ULTIMATE DESIGN 系列</i></div>
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/5CB3D5975D40E5D247E549C32DC74E05.png"><i>ULTIMATE DESIGN 系列</i></div>
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/5CB3D5975D40E5D247E549C32DC74E05.png"><i>ULTIMATE DESIGN 系列</i></div>
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/5CB3D5975D40E5D247E549C32DC74E05.png"><i>ULTIMATE DESIGN 系列</i></div>
                </div>
              </li>
              <li id="平板"><a href="#">平板</a><span><img src="./imags/right.png"></span>
                <div class="li2">
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
                </div>
              </li>
              <li id="电脑"><a href="#">电脑</a><span><img src="./imags/right.png"></span>
                <div class="li2">
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/08957157C0421DE31EB4E0A233AEBA48.png"><i>真无线耳机</i></div>
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/08957157C0421DE31EB4E0A233AEBA48.png"><i>真无线耳机</i></div>
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/08957157C0421DE31EB4E0A233AEBA48.png"><i>真无线耳机</i></div>
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/08957157C0421DE31EB4E0A233AEBA48.png"><i>真无线耳机</i></div>
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/08957157C0421DE31EB4E0A233AEBA48.png"><i>真无线耳机</i></div>
                </div>
              </li>
              <li id="耳机音箱"><a href="#">耳机音箱</a><span><img src="./imags/right.png"></span>
                <div class="li2">
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/08957157C0421DE31EB4E0A233AEBA48.png"><i>真无线耳机</i></div>
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/08957157C0421DE31EB4E0A233AEBA48.png"><i>真无线耳机</i></div>
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/08957157C0421DE31EB4E0A233AEBA48.png"><i>真无线耳机</i></div>
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/08957157C0421DE31EB4E0A233AEBA48.png"><i>真无线耳机</i></div>
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/08957157C0421DE31EB4E0A233AEBA48.png"><i>真无线耳机</i></div>
                </div>
              </li>
              <li id="智慧屏"><a href="#">智慧屏</a><span><img src="./imags/right.png"></span>
                <div class="li2">
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
                </div></li>
              <li id="门锁路由"><a href="#">门锁路由</a><span><img src="./imags/right.png"></span>
              <div class="li2">
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
                </div></li>
              <li id="出行车品"><a href="#">出行车品</a><span><img src="./imags/right.png"></span>
              <div class="li2">
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
                </div></li>
              <li id="数码配件"><a href="#">数码配件</a><span><img src="./imags/right.png"></span>
              <div class="li2">
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
                </div></li>
              <li id="增值服务"><a href="#">增值服务</a><span><img src="./imags/right.png"></span>
              <div class="li2">
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
                </div></li>
              <li id="商用终端"><a href="#">商用终端</a><span><img src="./imags/right.png"></span>
              <div class="li2">
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
                </div></li>
              <li id="生态周边"><a href="#">生态周边</a><span><img src="./imags/right.png"></span>
              <div class="li2">
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
                  <div><img src="https://res.vmallres.com/uomcdn/CN/cms/202309/A14B5CF74B33849D817ADDB306A33D80.png"><i>MatePad Pro 系列</i></div>
                </div></li>
            </ul>
          </div></li>
        <li><a href="#">华为</a></li>
        <li><a href="#">问界汽车</a></li>
        <li><a href="#">华为智选</a></li>
        <li><a href="#">生态周边</a></li>
      </ul>
      <div><img src="./imags/search2.png" class="img1"></div>
    </div>

    <div class="cont c2">
      <span><img src="./imags/search2.png" class="img2"></span>
      <input type="text">
      <span><img src="./imags/del1.png" class="img3"></span>
    </div>
  </div>
  <div class="cont1">
  </div>
  <div class="detailBox"></div>
</body>
<script type="module" src="./js/xiang.js"></script>
</html>